.cellTreeWidget {
	width: 600px;
	margin: 40px auto;
	border-top: 1px solid rgb(211, 211, 211);
}

.cellTreeEmptyMessage {
	padding-left: 16px;
	font-style: italic;
}

.cellTreeItem {
	zoom: 1;
	background-color: #eeedf7;
	outline: none;
	border-bottom: 1px solid rgb(211, 211, 211);
	border-left: 1px solid rgb(211, 211, 211);
	border-right: 1px solid rgb(211, 211, 211);
}

.cellTreeItem .cellTreeItem {
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.cellTreeItemImage {
	padding: 20px;
	cursor: hand;
	cursor: pointer;
}

.cellTreeItemImageValue {
	zoom: 1;
}

.cellTreeItemValue {
	
}

.cellTreeItemValue:before,.cellTreeItemValue:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cellTreeItemValue:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cellTreeItemValue { *
	zoom: 1;
}

.cellTreeItemValue {
	padding-left: 20px;
	outline: none;
}

.cellTreeOpenItem {
	
}

.cellTreeTopItem {
	
}

.cellTreeTopItemImage {
	
}

.cellTreeTopItemImageValue {
	
}

.cellTreeKeyboardSelectedItem {
	outline: none;
}

@sprite .cellTreeSelectedItem {
	gwt-image: 'cellTreeSelectedBackground';
	background-color: #628cd5;
	color: white;
	height: auto;
	overflow: visible;
	outline: none;
}

.cellTreeShowMoreButton {
	outline: none;
}